<template>
  <div>
    <!-- <van-picker show-toolbar title="标题" :columns="columns" value-key="label" /> -->
    <van-picker :columns="columns"> </van-picker>
    <div class="Search-Button">
      <van-button plain type="primary">取消</van-button>
      <van-button type="primary">确认</van-button>
    </div>
  </div>
</template>

<script>
import { getHousesConditionInfo } from '@/api/house.js'
import { mapState } from 'vuex'
import { Toast } from 'vant'
export default {
  name: 'SearchPopupArea',
  data () {
    return {
      columns: [
        {
          text: '1',
          children: []
        },
        {
          text: '2',
          children: []
        }
      ],
      Areas: []
    }
  },
  computed: {
    ...mapState(['cityId'])
  },
  created () {
    this.getHousesConditionInfo()
  },

  methods: {
    async getHousesConditionInfo () {
      try {
        const res = await getHousesConditionInfo(this.cityId)
        console.log(res)
      } catch (error) {
        Toast('请求失败！')
      }
    }
  }
}
</script>

<style scoped lang="less">
.Search-Button {
  display: flex;
  .van-button--normal {
    width: 60%;
  }
  .van-button--plain {
    width: 40%;
    border: 1px solid #d9d9da;
  }
}
</style>
